<!DOCTYPE HTML>
<html>
<head>
	<meta charset="utf-8">
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
	<meta http-equiv="Cache-Control" content="no-siteapp" />
	<link rel="Bookmark" href="/favicon.ico" >
	<link rel="Shortcut Icon" href="/favicon.ico" />
	<!--[if lt IE 9]>
	<script type="text/javascript" src="__STATIC__/admin/lib/html5shiv.js"></script>
	<script type="text/javascript" src="__STATIC__/admin/lib/respond.min.js"></script>
	<![endif]-->
	<link rel="stylesheet" type="text/css" href="__STATIC__/admin/static/h-ui/css/H-ui.min.css" />
	<link rel="stylesheet" type="text/css" href="__STATIC__/admin/static/h-ui.admin/css/H-ui.admin.css" />
	<link rel="stylesheet" type="text/css" href="__STATIC__/admin/lib/Hui-iconfont/1.0.8/iconfont.css" />
	<link rel="stylesheet" type="text/css" href="__STATIC__/admin/static/h-ui.admin/skin/default/skin.css" id="skin" />
	<link rel="stylesheet" type="text/css" href="__STATIC__/admin/static/h-ui.admin/css/style.css" />
	<!--上传插件CSS-->
	<link rel="stylesheet" type="text/css" href="__STATIC__/webuploader/webuploader.css">
	<!--[if IE 6]>
	<script type="text/javascript" src="__STATIC__/admin/lib/DD_belatedPNG_0.0.8a-min.js" ></script>
	<script>DD_belatedPNG.fix('*');</script>
	<![endif]-->
	<title></title>
	<style>
		.label-box{
			display: none;
		}
		.label-div{
			padding:10px;
			border: 1px solid #ddd;
		}
		.label-a{
			color:#555;
			text-decoration: underline;
		}
		.label-a:hover{
			color:#555;
		}
	</style>
</head>
<body>
<movieicle class="page-container">
	<form id="form" onsubmit="return false" class="form form-horizontal" action="#" method="post" enctype="multipart/form-data">
		<div class="row cl">
			<label class="form-label col-xs-2 col-sm-2"><span class="c-red">*</span>电影标题：</label>
			<div class="formControls col-xs-8 col-sm-8">
				<input type="text" class="input-text" value="{$movie.movie_title}" placeholder="" id="movie_title" name="movie_title">
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-2 col-sm-2"><span class="c-red">*</span>演员：</label>
			<div class="formControls col-xs-8 col-sm-8">
				<input type="text" class="input-text" value="{$movie.actor}" placeholder="" id="actor" name="actor">
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-2 col-sm-2"><span class="c-red">*</span>评分：</label>
			<div class="formControls col-xs-8 col-sm-8">
				<input type="text" class="input-text" value="{$movie.score}" placeholder="" id="score" name="score">
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-2 col-sm-2"><span class="c-red">*</span>类型：</label>
			<div class="formControls col-xs-8 col-sm-8">
				<div class="skin-minimal">
					<div class="radio-box">
						<input type="radio" id="radio-3" name="type" value="0" {eq name="$movie.type" value="0"}checked{/eq} >
						<label for="radio-1">普通</label>
					</div>
					<div class="radio-box">
						<input type="radio" id="radio-4" name="type" value="1" {eq name="$movie.type" value="1"}checked{/eq}>
						<label for="radio-2">热门强推</label>
					</div>
				</div>
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-2 col-sm-2"><span class="c-red">*</span>封面：</label>
			<div class="formControls col-xs-8 col-sm-8">
				<input type="file" class="input-text" value="" placeholder="" id="doc" name="file" onchange="javascript:setImagePreview();">
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-2 col-sm-2"><span class="c-red"></span>预览：</label>
			<div class="formControls col-xs-8 col-sm-8">
				<img id="preview" src="{$movie.face_pic}"  style="display: block; height: 96px;">
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-2 col-sm-2"><span class="c-red">*</span>播放地址：</label>
			<div class="formControls col-xs-8 col-sm-8">
				<input type="text" class="input-text" value="{$movie.movie_path}" placeholder="" id="movie_path" name="movie_path">
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-2 col-sm-2"><span class="c-red">*</span>简介：</label>
			<div class="formControls col-xs-8 col-sm-8">
				<textarea id="editor" name="intro" style="width:100%;height:300px;">{$movie.intro}</textarea>
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-2 col-sm-2"><span class="c-red">*</span>电影分类：</label>
			<div class="formControls col-xs-8 col-sm-8">
			<span class="select-box">
			  <select class="select" size="1" name="movie_cate_id">
				{volist name="$cate" id="vo"}
				  	{if condition="$vo.movie_cate_id == $movie.movie_cate_id"}
					<option value="{$vo.movie_cate_id}" selected>{$vo.type_name_ch}</option>
				  	{else /}
				  	<option value="{$vo.movie_cate_id}" >{$vo.type_name_ch}</option>
				  	{/if}
				{/volist}
			  </select>
			</span>
			</div>
		</div>

		<div class="row cl">
			<div class="col-xs-6 col-sm-6 text-r">
				<input type="hidden" name="movie_id" value="{$movie.movie_id}">
				<input class="btn btn-primary radius" type="button" value="&nbsp;&nbsp;提交&nbsp;&nbsp;" onclick="postForm1()">
			</div>
		</div>
	</form>
</movieicle>

<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="__STATIC__/admin/lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="__STATIC__/admin/lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="__STATIC__/admin/static/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="__STATIC__/admin/static/h-ui.admin/js/H-ui.admin.js"></script>
<!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="__STATIC__/admin/lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="__STATIC__/admin/lib/jquery.validation/1.14.0/jquery.validate.js"></script>
<script type="text/javascript" src="__STATIC__/admin/lib/jquery.validation/1.14.0/validate-methods.js"></script>
<script type="text/javascript" src="__STATIC__/admin/lib/jquery.validation/1.14.0/messages_zh.js"></script>
<script type="text/javascript" src="__STATIC__/admin/lib/webuploader/0.1.5/webuploader.min.js"></script>
<script type="text/javascript" src="__STATIC__/admin/lib/ueditor/1.4.3/ueditor.config.js"></script>
<script type="text/javascript" src="__STATIC__/admin/lib/ueditor/1.4.3/ueditor.all.min.js"> </script>
<script type="text/javascript" src="__STATIC__/admin/lib/ueditor/1.4.3/lang/zh-cn/zh-cn.js"></script>
<!--引入上传插件JS-->
<script type="text/javascript" src="__STATIC__/webuploader/webuploader.js"></script>
<script type="text/javascript">
    var uploader = WebUploader.create({

        // swf文件路径
        swf:  '/js/Uploader.swf',

        // 文件接收服务端。
        server: 'http://webuploader.duapp.com/server/fileupload.php',

        // 选择文件的按钮。可选。
        // 内部根据当前运行是创建，可能是input元素，也可能是flash.
        pick: '#picker',

        // 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！
        resize: false
    });
    var labelFlag = 0; //显示电影状态
    //页面加载后
    $(function(){
        $('.skin-minimal input').iCheck({
            checkboxClass: 'icheckbox-blue',
            radioClass: 'iradio-blue',
            increaseArea: '20%'
        });

        $list = $("#fileList"),
            $btn = $("#btn-star"),
            state = "pending",
            uploader;

        var uploader = WebUploader.create({
            auto: true,
            swf: 'lib/webuploader/0.1.5/Uploader.swf',

            // 文件接收服务端。
            server: 'fileupload.php',

            // 选择文件的按钮。可选。
            // 内部根据当前运行是创建，可能是input元素，也可能是flash.
            pick: '#filePicker',

            // 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！
            resize: false,
            // 只允许选择图片文件。
            accept: {
                title: 'Images',
                extensions: 'gif,jpg,jpeg,bmp,png',
                mimeTypes: 'image/*'
            }
        });
        uploader.on( 'fileQueued', function( file ) {
            var $li = $(
                '<div id="' + file.id + '" class="item">' +
                '<div class="pic-box"><img></div>'+
                '<div class="info">' + file.name + '</div>' +
                '<p class="state">等待上传...</p>'+
                '</div>'
                ),
                $img = $li.find('img');
            $list.append( $li );

            // 创建缩略图
            // 如果为非图片文件，可以不用调用此方法。
            // thumbnailWidth x thumbnailHeight 为 100 x 100
            uploader.makeThumb( file, function( error, src ) {
                if ( error ) {
                    $img.replaceWith('<span>不能预览</span>');
                    return;
                }

                $img.attr( 'src', src );
            }, thumbnailWidth, thumbnailHeight );
        });
        // 文件上传过程中创建进度条实时显示。
        uploader.on( 'uploadProgress', function( file, percentage ) {
            var $li = $( '#'+file.id ),
                $percent = $li.find('.progress-box .sr-only');

            // 避免重复创建
            if ( !$percent.length ) {
                $percent = $('<div class="progress-box"><span class="progress-bar radius"><span class="sr-only" style="width:0%"></span></span></div>').appendTo( $li ).find('.sr-only');
            }
            $li.find(".state").text("上传中");
            $percent.css( 'width', percentage * 100 + '%' );
        });

        // 文件上传成功，给item添加成功class, 用样式标记上传成功。
        uploader.on( 'uploadSuccess', function( file ) {
            $( '#'+file.id ).addClass('upload-state-success').find(".state").text("已上传");
        });

        // 文件上传失败，显示上传出错。
        uploader.on( 'uploadError', function( file ) {
            $( '#'+file.id ).addClass('upload-state-error').find(".state").text("上传出错");
        });

        // 完成上传完了，成功或者失败，先删除进度条。
        uploader.on( 'uploadComplete', function( file ) {
            $( '#'+file.id ).find('.progress-box').fadeOut();
        });
        uploader.on('all', function (type) {
            if (type === 'stmovieUpload') {
                state = 'uploading';
            } else if (type === 'stopUpload') {
                state = 'paused';
            } else if (type === 'uploadFinished') {
                state = 'done';
            }

            if (state === 'uploading') {
                $btn.text('暂停上传');
            } else {
                $btn.text('开始上传');
            }
        });

        $btn.on('click', function () {
            if (state === 'uploading') {
                uploader.stop();
            } else {
                uploader.upload();
            }
        });

        var ue = UE.getEditor('editor', {
            toolbars: [
                [
                    'fullscreen', 'source', '|', 'undo', 'redo', '|',
                    'bold', 'italic', 'underline', 'fontborder', 'strikethrough',
                    'superscript', 'subscript', 'removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|',
                    'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc', '|',
                    'rowspacingtop', 'rowspacingbottom', 'lineheight', '|',
                    'customstyle', 'paragraph', 'fontfamily', 'fontsize', '|',
                    'directionalityltr', 'directionalityrtl', 'indent', '|',
                    'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|', 'touppercase', 'tolowercase', '|',
                    'link', 'unlink', 'anchor', '|', 'imagenone', 'imageleft', 'imageright', 'imagecenter', '|',
                    'simpleupload', 'insertimage', 'emotion', 'scrawl', 'insertvideo', 'music', 'attachment', 'map', 'gmap',
                    'insertframe', 'insertcode', 'webapp', 'pagebreak', 'template', 'background', '|',
                    'horizontal', 'date', 'time', 'spechars', 'snapscreen', 'wordimage'
                ]
            ],
            autoHeightEnabled: true,
            autoFloatEnabled: true
        });
    });

    /*表单提交*/
    function postForm1() {
        $.ajax({
            type: "POST",//方法类型
            dataType: "json",//预期服务器返回的数据类型
            cache: false,
            url: "{:url('movie/upd')}",
            data: new FormData($('#form')[0]),
            processData: false,
            contentType: false,
            success: function (res) {
                if (res.code == 1) {
                    layer.msg(res.message);
                }
                if (res.code == 0) {
                    parent.location.reload();
                }
            },
            error: function () {
                console.log("异常");
            }
        });
    }

    /*表单提交*/
    function postForm2() {
        $.ajax({
            type: "POST",//方法类型
            dataType: "json",//预期服务器返回的数据类型
            url: "{:url('movieicle/add')}?state=2",
            data: $('#form').serialize(),
            success: function (res) {
                if (res.code == 1) {
                    layer.msg(res.message);
                }
                if (res.code == 0) {
                    parent.location.reload();
                }
            },
            error: function () {
                console.log("异常");
            }
        });
    }

    /*常用电影*/
    function showLabel() {
        if (labelFlag == 0) {
            $(".label-box").show();
            labelFlag = 1;
        } else {
            $(".label-box").hide();
            labelFlag = 0;
        }
    }

    /*添加电影*/
    function addLabToBox(that) {
        var label_name = $(that).text();
        var label_names = $("#label-inp").val();
        if (label_names == "") {
            $("#label-inp").val(label_name);
        } else {
            $("#label-inp").val(label_names + "," + label_name);
        }
    }

    /*下面用于图片上传预览功能*/
    function setImagePreview(avalue) {
        var docObj=document.getElementById("doc");
        var imgObjPreview=document.getElementById("preview");
        //files属性：返回一个 Files 集合，由指定文件夹中包含的所有 File 对象组成，包括设置了隐藏和系统文件属性的文件。
        if(docObj.files &&docObj.files[0]){
            //火狐下，直接设img属性
            var f = docObj.files[0];
            var reader = new FileReader();
            var width = 0;var height = 0;
            reader.onload = function (e) {
                var data = e.target.result;
                //加载图片获取图片真实宽度和高度
                var image = new Image();
                image.onload=function(){
                    width = image.width;
                    height = image.height;
                    // alert(width+'======'+height+"====="+f.size);
                    // if (width != 960 || height != 600) {
                    //     alert("请上传尺寸为：960px * 600px图片");
                    //     docObj.value = '';
                    //     return false;
                    // }
                    imgObjPreview.style.display = 'block';
                    imgObjPreview.style.width = (width/10)+'px';
                    imgObjPreview.style.height = (height/10)+'px';
                    //imgObjPreview.src = docObj.files[0].getAsDataURL();

                    //火狐7以上版本不能用上面的getAsDataURL()方式获取，需要一下方式

                    imgObjPreview.src = window.URL.createObjectURL(docObj.files[0]);
                };
                image.src= data;
            };
            reader.readAsDataURL(f);

        }else{
            //IE下，使用滤镜
            var image = new Image();
            var width = 0;var height = 0;var fileSize = 0;
            image.onload =function(){
                width = image.width;
                height = image.height;
                fileSize = image.fileSize;
                // alert(width+'======'+height+"====="+fileSize);
                docObj.select();
                var imgSrc = document.selection.createRange().text;
                var localImagId = document.getElementById("localImag");
                // if (width != 960 || height != 600) {
                //     alert("请上传尺寸为：960px * 600px图片");
                //     docObj.value = '';
                //     return false;
                // }
                //必须设置初始大小
                localImagId.style.width = (width/10)+'px';
                localImagId.style.height = (height/10)+'px';
                //图片异常的捕捉，防止用户修改后缀来伪造图片
                try{
                    localImagId.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
                    localImagId.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc;
                }
                catch(e)
                {
                    alert("您上传的图片格式不正确，请重新选择!");
                    return false;
                }
                imgObjPreview.style.display = 'none';
                document.selection.empty();
            }
            image.src = input.value;
        }
        return true;
    }
</script>
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>